// let count = 5; //每一页的条数
let page = 1; //当前页
let pageArr = [5, 6, 7, 8, 9];
let count = pageArr[0]
let maxpage

//渲染页面
showData()
function showData() {
    $.ajax({
        url: '/level/huoqu',
        data: {
            count: count,
            page: page
        },
        success: (res) => {
            if (res.error) {
                console.log(res.error);
            } else {
                // 渲染表格
                $('tbody').html('')
                $(res.data).each((index, item) => {
                    $('tbody').append(`
                    <tr data-id="${item.l_id}">
                        <td>${item.l_id}</td>
                        <td>${item.l_title}</td>
                        <td>${item.l_level}</td>
                        <td>${item.l_wage}</td>
                        <td>
                        <button type="button" class="btn btn-primary btn-lg primary" data-toggle="modal" data-target="#myModal">
                            <span class="iconfont icon-pen">修改</span>
                            </button>
                        <button class="del"><span class="iconfont icon-lajitong">删除</span></button>

                        </td>
                    </tr>
                    `);
                });
                // 渲染页码
                $('#myli').html('')
                maxpage = Math.ceil((res.total / count))
                for (let i = 1; i <= Math.ceil((res.total / count)); i++) {
                    if (page == i) {
                        $('#myli').append(`
                                <a id="a" class="active new_page" href="javascript:;">${i}</a>
                                        `)
                    } else {
                        $('#myli').append(`
                        <a href="javascript:;" id="a">${i}</a>
                       `)
                    }
                }
            }
        }
    });
};
// 点击页码
$('.pagination').on('click', '#a', function () {
    console.log($(this).text());
    page = $(this).text();
    showData();
});

//点击修改页面条数
function getpage(arr) {
    pageArr.forEach(item => {
        $('.dropdown-menu').append(`
                      <li data-num="${item}">
                         <a href="#">每页 ${item} 条</a>
                      </li> 
         `)
    })
    $('.dropdown-menu').on('click', 'li', function () {
        console.log($(this).attr('data-num'))
        count = parseInt($(this).attr('data-num'))
        // let Arr=$(this).parents('button').text()
        // console.log($(this).parents().s)
        showData();
    })
}
getpage(pageArr)

//点击上一页
$('.pagination').on('click', '.page_left', function () {
    // console.log($(this).text())
    if (page > 1) {
        page--
    } else {
        page = 1
    }
    showData()
})

//点击下一页
$('.pagination').on('click', '.page_right', function () {
    // console.log($(this).text())
    if (page != maxpage) {
        page++
    } else {
        page = maxpage
        console.log(maxpage)
    }
    showData()
})
//删除
$('tbody').on('click', '.del', function () {
    console.log($(this).parents('tr').attr('data-id'))
    if (confirm('确认删除这条数据吗？')) {
        $.ajax({
            url: '/level/shanchu',
            method: 'post',
            data: {
                id: $(this).parents('tr').attr('data-id'),
            },
            success: (res) => {
                if (res.error) {
                    console.log(res.msg)
                } else {
                    // alert('确认删除这条数据吗？')
                    showData();
                }
            }
        })
    }
})

// 查询
$('.query').click(()=>{
    console.log($("select[name='title']").val());
    console.log($("select[name='level']").val());
    $.ajax({
        url:'/level/chaxun',
        method:'post',
        data:{
            title:$("select[name='title']").val(),
            level:$("select[name='level']").val()
        },
        success: (res) => {
            if (res.error) {
                console.log(res.error);
            } else {
                // 渲染表格
                $('tbody').html('')
                $(res.data).each((index, item) => {
                    $('tbody').append(`
                    <tr data-id="${item.l_id}">
                        <td>${item.l_id}</td>
                        <td>${item.l_title}</td>
                        <td>${item.l_level}</td>
                        <td>${item.l_wage}</td>
                        <td>
                        <button type="button" class="btn btn-primary btn-lg primary" data-toggle="modal" data-target="#myModal">
                            <span class="iconfont icon-pen">修改</span>
                            </button>
                        <button class="del"><span class="iconfont icon-lajitong">删除</span></button>

                        </td>
                    </tr>
                    `);
                });
                // 渲染页码
                $('#myli').html('')
                maxpage = Math.ceil((res.total / count))
                for (let i = 1; i <= Math.ceil((res.total / count)); i++) {
                    if (page == i) {
                        $('#myli').append(`
                                <a id="a" class="active new_page" href="javascript:;">${i}</a>
                                        `)
                    } else {
                        $('#myli').append(`
                        <a href="javascript:;" id="a">${i}</a>
                       `)
                    }
                }
            }
        }
    })
})

// 重置
$('.reset').click(() => {
    showData()
    $("select[name='title']").val('')
    $("select[name='level']").val('')
})

//修改
// $('.confirm').click(()=>{
//     console.log($('#primary').parents('tr').attr('data-id'));
//     console.log($(".right input[type='title']").val());
//     console.log($(".Level").val());
//     console.log($(".right input[type='number']").val());
//     $.ajax({
//         url:'/level/xiugai',
//         method:'post',
//         data:{
//             Id:$('#primary').parents('tr').attr('data-id'),
//             title:$(".right input[type='title']").val(),
//             level:$(".Level").val(),
//             wage:$(".right input[type='number']").val()
//         },
//         success:(res)=>{
//             if(res.error){
//                 console.log(res.error)
//             }else{
//                 alert('修改成功');
//                 showData();
//             }
//         }
//     })
// })
$('tbody').on('click','.primary',function(){
    // console.log($(this).parents('tr').attr('data-id'));
    // let id
    // id=($(this).parents('tr').attr('data-id'))
    $('.confirm').click(()=>{
        // console.log($(".right input[type='title']").val());
        // console.log($(".Level").val());
        // console.log($(".right input[type='number']").val());
        $.ajax({
            url:'/level/xiugai',
            method:'post',
            data:{
                l_Id:$(this).parents('tr').attr('data-id'),
                title:$(".right input[type='title']").val(),
                level:$(".Level").val(),
                wage:$(".right input[type='number']").val()
            },
            success:(res)=>{
                if(res.error){
                    console.log(res.error)
                }else{
                    alert('修改成功');
                    showData();
                    location.href='./xinzijibie.html'
                }
            }
        })
    })
})

//新增

